<template>
	<view class="main">
		<cu-custom bgColor="bg-white">
			<block slot="content">秩汇</block>
		</cu-custom>
		<view class="main-inner">
			<view class="logo">
				<image src="https://yshcylah.oss-cn-beijing.aliyuncs.com/file/image/%E7%A7%A9%E6%B1%87.png" mode=""></image>
			</view>
			<view class="title"></view>
			<view class="info">政策法规及公共资源平台</view>
			<view class="weixin-button">
				<button class="weixin-btn" @click="toWeixin"  style="margin: 0.3rem 0.6rem;">微信授权登录</button>
			</view>
			<view class="shouji-button">
				<button class="shouji-btn" @click="toShouji"  style="margin: 0.3rem 0.6rem;">手机号登录</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			toWeixin(){
				// uni.navigateTo({
				// 	url:'./weixin'
				// })
			},
			toShouji(){
				uni.navigateTo({
					url:'./shouji'
				})
			}
		}
	}
</script>

<style lang="scss">
.main{
	height: 100%;
	display: flex;
	justify-content: center;
	margin-top: 400upx;
	.main-inner{
		position: relative;
		width: 100%;
		height: 800upx;
		.logo{
			position: absolute;
			transform: translateX(-50%);
			left: 50%;
			width: 25%;
			height: 23%;
			border-radius: 50%;
			image{
				width: 100%;
				height: 100%;
			}
		}
		.title{
			position: absolute;
			transform: translateX(-50%);
			left: 50%;
			top: 250upx;
			font-size: 46upx;
		}
		.info{
			position: absolute;
			transform: translateX(-50%);
			left: 50%;
			top: 310upx;
			font-size: 30upx;
		}
		.weixin-button{
			position: absolute;
			transform: translateX(-50%);
			left: 50%;
			top: 390upx;
			width: 80%;
			.weixin-btn{
				background-color: #39B54A;
				color: #ffffff;
			}
			
		}
		.shouji-button{
			position: absolute;
			transform: translateX(-50%);
			left: 50%;
			top: 500upx;
			width: 80%;
		}
	}
}

</style>
